layui.use(['rate'],function () {
    var rate = layui.rate;
    //只读
    rate.render({
        elem: '.test9'
        ,value: 4.5
        ,readonly: true
        ,half: true
        ,theme: '#ff6633'
    });
});

layui.use(['laypage', 'layer'], function() {
    var laypage = layui.laypage
        , layer = layui.layer;

    //总页数低于页码总数
    laypage.render({
        elem: 'demo0', count: 50,theme: '#FF6633' //数据总数
    });

    document.querySelector("#demo0").onclick= function(event){
        var ele = event.target;
        console.log(  ele.innerText); //获得页码
        if(ele.nodeName =='EM'){
            //  console.log(  ele.innerText); //获得页码
        }
    }

});

var len=$(".box li").length;
function int(){
    for(i=18;i<len;i++){
        $(".box li").eq(i).addClass("hid");
    }
}
$(".nc-more a span").click(function(){

    var t=$(this).text();
    if(t=="更多"){
        $(".box .hid").addClass("show");
        $(this).text("收起");
    }else{
        $(".box .hid").removeClass("show");
        $(this).text("更多");
    }
});
int();//初始化隐藏多余标签

$(".null").click(function (event) {
    var ele=event.target;
    if(ele.parentElement.parentElement.parentElement.className=="box"){
        var ulEle= ele.parentElement.parentElement.parentElement;
        var liEle=ulEle.children;
        for(var i=0;i<liEle.length;i++){
           liEle[i].firstElementChild.firstElementChild.classList.remove('col');

        }
        ele.classList.add('col');
        var spanEle=ulEle.parentElement.parentElement.parentElement.children[1].firstElementChild;
        spanEle.classList.remove('col');
        var t=ulEle.parentElement.parentElement.parentElement.parentElement.parentElement.firstElementChild;
        if(t.children.length==1){
            t.innerHTML='<a href="">苏州美食</a>\n' +
                '      >\n' +
                '      <a href="">'+ele.innerText+'</a>';
        }
        else if(ulEle.parentElement.parentElement.parentElement.parentElement.children[1].children[1].firstElementChild.className=='col'){
            t.children[1].innerText=ele.innerText;
        }
        else{
            t.innerHTML='<a href="">苏州美食</a>\n' +
                '      >\n' +
                '<a href="">'+ele.innerText+'</a>\n' +
                '      >\n'
                +'<a href="">'+t.children[1].innerText+'</a>';
        }
        console.log(ele.innerText);
    }
    else if(ele.parentElement.parentElement.className=="nav-category"){
        ele.classList.add('col');
        var ulEle= ele.parentElement.parentElement.children[2].firstElementChild.firstElementChild;
        var liEle=ulEle.children;
        for(var i=0;i<liEle.length;i++){
            liEle[i].firstElementChild.firstElementChild.classList.remove('col');
        }
        var t=ulEle.parentElement.parentElement.parentElement.parentElement.parentElement.firstElementChild;
        if(ulEle.parentElement.parentElement.parentElement.parentElement.children[1].children[1].firstElementChild.className=='col'){
            t.innerHTML='<a href="">苏州美食</a>';
        }
        else{
            console.log(t.lastElementChild);
            t.innerHTML='<a href="">苏州美食</a>\n' +
                '      >\n' +
                '      <a href="">'+t.lastElementChild.innerText+'</a>';
        }
        console.log(ele.innerText);
    }

    else if(ele.parentElement.parentElement.parentElement.parentElement.parentElement.className=="layui-tab-content"){

        var divEle=ele.parentElement.parentElement.parentElement.parentElement.parentElement.children;
        for(var j=0;j<divEle.length;j++)
        {
            var ulEle= divEle[j].firstElementChild;
            var liEle=ulEle.children;
            for(var i=0;i<liEle.length;i++){
                liEle[i].firstElementChild.firstElementChild.classList.remove('col');
            }
        }


        ele.classList.add('col');
        var spanEle=ulEle.parentElement.parentElement.parentElement.parentElement.parentElement.children[1].firstElementChild;
        spanEle.classList.remove('col');

        var t=spanEle.parentElement.parentElement.parentElement.parentElement.firstElementChild;
        if(t.children.length==1){
            t.innerHTML='<a href="">苏州美食</a>\n' +
                '      >\n' +
                '      <a href="">'+ele.innerText+'</a>';
        }
        else if(spanEle.parentElement.parentElement.parentElement.firstElementChild.children[1].firstElementChild.className=='col'){
            t.children[1].innerText=ele.innerText;
        }
        else{
            t.innerHTML='<a href="">苏州美食</a>\n' +
                '      >\n' +
                '<a href="">'+t.children[1].innerText+'</a>\n' +
                '      >\n'
                +'<a href="">'+ele.innerText+'</a>';
        }
        console.log(ele.innerText);
    }
    else if(ele.parentElement.parentElement.className=="nav-tabs"){
        ele.classList.add('col');
        var divEle= ele.parentElement.parentElement.children[2].firstElementChild.children[1].children;
        for(var i=0;i<divEle.length;i++){
                var ulEle=divEle[i].firstElementChild;
                var liEle=ulEle.children;
                for(var j=0;j<liEle.length;j++){
                    liEle[j].firstElementChild.firstElementChild.classList.remove('col');
                }

        }
        var t=ele.parentElement.parentElement.parentElement.parentElement.firstElementChild;
        if(ele.parentElement.parentElement.parentElement.firstElementChild.children[1].firstElementChild.className=='col'){
            t.innerHTML='<a href="">苏州美食</a>';
        }
        else if(t.children[1]!=null){
            t.innerHTML='<a href="">苏州美食</a>\n' +
                '      >\n' +
                '<a href="">'+t.children[1].innerText+'</a>';
        }
        else{
            t.innerHTML='<a href="">苏州美食</a>';
        }
        console.log(ele.innerText);
    }

});
$(".filter-box").click(function (event) {
    var ele=event.target;
    if(ele.className=='icon-arr-down'){
        ele=ele.parentElement;
    }
    if(ele.parentElement.parentElement.parentElement.className=='filt-service'){
        var ulEle=ele.parentElement.parentElement;
        var liEle=ulEle.children;
        for(var i=0;i<liEle.length;i++){
            liEle[i].firstElementChild.classList.remove('cur');
            if(i>0){
                liEle[i].firstElementChild.lastElementChild.removeAttribute("style");
                // style.backgroundImage="url('../images/shop_img/icon.svg')";
            }
        }
        if(ele.parentElement!=ulEle.firstElementChild){

            ele.lastElementChild.style.backgroundImage="url('../images/shop_img/icon2.svg')";
        }
        ele.classList.add('cur');
    }
    else if(ele.parentElement.parentElement.className=="filt-classify"){

        if(ele.parentElement.firstElementChild.style[0]==null){
            ele.parentElement.firstElementChild.style.backgroundImage="url('../images/shop_img/squaretrue.png')";
            ele.parentElement.firstElementChild.style.backgroundSize="100% 100%";
        }
        else {
            ele.parentElement.firstElementChild.removeAttribute("style");
        }

    }
});


